/**
 * 
 * @param {*} el 最大盒子
 * @param {*} option 其他配置
 */
 function Tab (el,option = {}) {
    this.el = document.querySelector(el);
    this.init();
}

// 设置开关
Tab.prototype.init = function() {
    this.titleOver();
}

// 鼠标移入
Tab.prototype.titleOver = function() {
    let liObj = this.el.querySelectorAll("ul li")
    liObj.forEach((item,i) => {
        item.onmouseover = () => {
            this.el.querySelector("ul li.active").className="";
            item.className="active";   
            // 同步内容
            this.tb(i);
        }
    });
}

// 同步内容
Tab.prototype.tb = function (i) {
    this.el.querySelector("ol li.active").className="";
    this.el.querySelector(`ol li:nth-of-type(${i+1})`).className="active";
}

export default Tab;